<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{
            display: none;
        }
    </style>
</head>
<body>
    <!--
        需求：3s之后显示一张图片？？
        思路：先设置一个图片，让其隐藏，在设定一个一次性的定时器，在3s过后执行图片显示功能
    -->
    <img src="image/1.jpg" alt="">
    <script>
        var img = document.getElementsByTagName("img")[0];
        //调用定时器执行对应的功能
        setTimeout(show,3000);
        function show(){
            img.style.display = "block";
        }

        //模拟类似于商城网站中的一种广告弹框
    </script>
</body>
</html>